<link rel="stylesheet" href="ccay/example/demo.css"  type="text/css" />
<script type="text/javascript" src="ccay/example/demo.js" charset="utf-8"></script>
<script type="text/javascript" src="ccay/example/functionDemo/download/download.js" ></script>

<div id="downloadDemo">
    <div title='API' tabid='tab1'>
	    <div>
	    	<h2>&lt;a href="servlet/download?dlType=sample&file=123">File 1&lt;/a></h2>
	    	<h3>作用：</h3><br>
	    	<form id="param" class="init ccay-form">			
					<div class="ccay-form-body ccay-form-custom">
						<ul>	
						    <li class="ccay-form-row">
						        <samp><h3>参数</h3></samp>
								<span class="ccay-form-input">
									<h3>描述</h3>
								</span>
							</li>														
							<li class="ccay-form-row">
							    <samp class="i18n" i18nKey="href"></samp>							    
								<span class="ccay-form-input">创建指向另外一个文档的链接</span>
							</li>
							<li class="ccay-form-row">
							    <samp class="i18n" i18nKey="dltype"></samp>							    
								<span class="ccay-form-input">下载的文件类型</span>
							</li>
							<li class="ccay-form-row">
							    <samp class="i18n" i18nKey="file"></samp>							    
								<span class="ccay-form-input">文件的名称</span>
							</li>																													
				    </ul>
			   </div>
		    </form>
		      	    	    	
	    </div>
    </div>
    <div title='Demo' tabid='tab2'>
		    	<h4><span>效果展示</span></h4>
		    	<div style="padding-left:30px">
		    	<div id="openTry">
		    	    
		    	    <a href="servlet/download?dlType=sample&file=123">File 1</a>
                    <p /><a href="servlet/download?dlType=sample&file=124">File 2</a>
                    <p /><a href="servlet/download?dlType=sample&file=125">File 3</a>
		    	</div><br><br>
		    	
		    <h3>HTML CODE</h3>
			<div class='codeArea'>
				<pre id='html'>			
&lt;a href="servlet/download?dlType=sample&file=123">File 1&lt;/a>
&lt;P/>&lt;a href="servlet/download?dlType=sample&file=124">File 2&lt;/a>
&lt;P/>&lt;a href="servlet/download?dlType=sample&file=125">File 3&lt;/a>
				</pre>
			</div>
			<h3>JS CODE</h3>
			<div class='codeArea'>
				<pre id='js'>
</pre>
			</div >
			<div class"try">
				<a class="try" onclick="Ccay.example.openTry('#downloadDemo',$('#js').html(),$('#html').html())">亲自试一试</a>
			</div>
			</div>
    </div>
    <div title="试一试" tabid="trytab" >
	    <fieldset class='ccay-demo'>
	    <legend ><h2>代码区</h2></legend>
		   
		   <span>请在下面的文本框中编辑您的代码，然后单击此按钮测试结果  ————></span><input value="try it yourself" type="button" onclick="Ccay.example.runDemo()" /> 

				<div>
				    <table  style="width:100%;">
				      <tr>
				        <td style="width:100%;">
						<h3>js Code:</h3>	
						  <!-- 高度按需来调整。默认最小应为100px -->					
	                      <textarea id="jsTxt" style="height:100px;width:99%;"></textarea>
	                    </td>   
	                  </tr>
	                  <tr>
	                    <td style="width:100%;">
						<h3>html Code:</h3>
						  <!-- 高度按需来调整。默认最小应为100px -->
	                      <textarea id="htmlTxt" style="height:100px;width:99%;"></textarea>
	                    </td>
	                  </tr> 
                    </table>
				</div>
           </fieldset>
        <fieldset class='ccay-demo'>
          <legend ><h2>结果区</h2></legend>
			<div>
				<div style="overflow:auto;" id="demoMainPanel"></div>
			</div>
        </fieldset>
     </div>
	 <div title="FAQ">
		  <form class="init ccay-form">
		    <div class="ccay-form-body">
		    <ul>
		    	<li class="ccay-form-row">
			      <samp><h3>问题</h3></samp>
			      <span class="ccay-form-input">
			               <h3>解决方案</h3>
			      </span>
			    </li>
		    </ul>
			</div>     
			<div class="ccay-form-custom">
			    <ul>                     
			        <!-- 若问题和内容较多，可在li中的class加上ccay-form-whole -->
			        <li class="ccay-form-row">
			                          <samp class="i18n" i18nKey=""></samp>                          
			                         <span class="ccay-form-input"></span>
			        </li>  
			    </ul>
			</div>
		  </form>                    
    </div> 	 
</div>